﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Category2.ascx.cs" Inherits="FrontEnd_Body_Left_Category2" %>

<script language="javascript" type="text/javascript">
	var ContentHeight = 200;
	var TimeToSlide = 250.0;	
	var openAccordion = '';	
	function runAccordion(index)
	{	  var nID = "Accordion" + index + "Content";
	  if(openAccordion == nID)
		nID = '';	
			  setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'"
		  + openAccordion + "','" + nID + "')", 33);	 
	  openAccordion = nID;	}
	
	function animate(lastTick, timeLeft, closingId, openingId)
	{  	  var curTick = new Date().getTime();
	  var elapsedTicks = curTick - lastTick;
	  var opening = (openingId == '') ? null : document.getElementById(openingId);
	  var closing = (closingId == '') ? null : document.getElementById(closingId);
	  if(timeLeft <= elapsedTicks)	  {
		if(opening != null)
		
		  opening.style.height ='auto';
	   
		if(closing != null)
		{
		  closing.style.display = 'none';
		  closing.style.height = '0px';
		}
		return;
	  }
	  timeLeft -= elapsedTicks;	  
	  var newClosedHeight ='auto';	
	  if(opening != null)	  {
		if(opening.style.display != 'block')
		  opening.style.display = 'block';		
		opening.style.height ='auto';	  }	 
	  if(closing != null)		
		closing.style.height = 'auto';	
	  setTimeout("animate(" + curTick + "," + timeLeft + ",'"
		  + closingId + "','" + openingId + "')", 33);	}
</script>

<div>
    <div id="AccordionContainer" class="AccordionContainer">
        <div onclick="runAccordion(1);">
            <div class="AccordionTitle" onselectstart="return false;">
                THIẾT BỊ ĐIỆN
            </div>
        </div>
        <div id="Accordion1Content" class="AccordionContent">
            <ul class="left-menu">
                <li class="menu-underline-white">» <a href="">CÔNG TẮC &amp; PHỤ KIỆN</a></li>
                <li class="menu-underline-white">» <a href="">CẦU DAO</a></li>
                <li class="menu-underline-white">» <a href="">TỦ ĐIỆN &amp; ĐẾ NHỰA</a></li>
                <li class="menu-underline-white">» <a href="">PIANO KEYS SERIES</a></li>
                <li class="menu-underline-white">» <a href="">MÁNG ĐÈN LẮP NỔI</a></li>
            </ul>
        </div>
        <div onclick="runAccordion(2);">
            <div class="AccordionTitle" onselectstart="return false;">
                ĐÈN CHIẾU SÁNG
            </div>
        </div>
        <div style="display: none; height: 0px;" id="Accordion2Content" class="AccordionContent">
            <ul class="left-menu">
                <li class="menu-underline-white">» <a href="">BÓNG ĐÈN COMPACT</a></li>
            </ul>
        </div>
        <div onclick="runAccordion(3);">
            <div class="AccordionTitle" onselectstart="return false;">
                ĐÈN CHÙM
            </div>
        </div>
        <div style="display: none; height: 0px;" id="Accordion3Content" class="AccordionContent">
            <ul class="left-menu">
                <li class="menu-underline-white">» <a href="">KIỂU Ý</a></li>
                <li class="menu-underline-white">» <a href="">KIỂU MỸ</a></li>
                <li class="menu-underline-white">» <a href="">ĐÈN DÂY THẢ</a></li>
                <li class="menu-underline-white">» <a href="">KIỂU PHÁP</a></li>
                <li class="menu-underline-white">» <a href="">ĐÈN ỐP TRẦN</a></li>
            </ul>
        </div>
        <div onclick="runAccordion(4);">
            <div class="AccordionTitle" onselectstart="return false;">
                ĐÈN SOI GƯƠNG - SOI TRANH
            </div>
        </div>
        <div style="display: block; height: auto;" id="Accordion4Content" class="AccordionContent">
            <ul class="left-menu">
                <li class="menu-underline-white">» <a href="">ĐÈN SOI KIỂU Ý</a></li>
            </ul>
        </div>
        <div onclick="runAccordion(5);">
            <div class="AccordionTitle" onselectstart="return false;">
                ĐÈN LON &amp; ĐÈN MẮT ẾCH
            </div>
        </div>
        <div id="Accordion5Content" class="AccordionContent">
            <ul class="left-menu">
                <li class="menu-underline-white">» <a href="">ĐÈN LON</a></li>
                <li class="menu-underline-white">» <a href="">ĐÈN MẮT ẾCH</a></li>
                <li class="menu-underline-white">» <a href="">ĐÈN NGỒI</a></li>
            </ul>
        </div>
        <div onclick="runAccordion(6);">
            <div class="AccordionTitle" onselectstart="return false;">
                ĐÈN TƯỜNG
            </div>
        </div>
        <div id="Accordion6Content" class="AccordionContent">
            <ul class="left-menu">
                <li class="menu-underline-white">» <a href="http://junsun.ufshopping.com/?open=products&amp;cid=26">
                    ĐÈN TƯỞNG KIỂU Ý</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="wap">
    <div class="main">
        <div class="left">
            <div class="category_items1">
                <ul>
                    <li class="name_store"><a href="#">Kẹo dừa tuyết lan</a></li>
                    <li><a href="#"  onclick="runAccordion(1);">&nbsp;&nbsp;&nbsp;Kẹo máy đóng ép</a></li>
                    <li><a href="#">&nbsp;&nbsp;&nbsp;Kẹo vặn</a></li>
                    <li><a href="#">&nbsp;&nbsp;&nbsp;Kẹo viên</a></li>
                    <li><a href="#">&nbsp;&nbsp;&nbsp;Sản phẩm mới</a></li>
                    <li><a href="#">&nbsp;&nbsp;&nbsp;Sản phẩm bán chạy</a></li>
                </ul>
            </div>
            <div class="category_items2">
                <ul>
                    <li class="name_store"><a href="#">Kẹo dừa mai lan</a></li>
                    <li><a href="#">&nbsp;&nbsp;&nbsp;Kẹo máy đóng ép</a></li>
                    <li><a href="#">&nbsp;&nbsp;&nbsp;Kẹo vặn</a></li>
                    <li><a href="#">&nbsp;&nbsp;&nbsp;Kẹo viên</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
